<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>设置提醒</title>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<link rel="stylesheet" href="../../css/frozen.css">
	<link rel="stylesheet" href="../../css/main.css">
	<link rel="stylesheet" href="../../lib/mobiscroll/mobiscroll.css"/><!-- 时间选择 -->
</head>
<body>

<section class="prompt-con">
	<div class="fit-teacher-form">
		<form action="#">
			<div class="input-g">
				<input id="datetime" type="text" placeholder="选择时间" value="" onfocus="this.blur()" readonly/>
			</div>
			<div class="input-g">
				<select class="fit-select">
					<option value="仅一次">仅一次</option>
					<option value="每天重复">每天重复</option>
					<option value="每周重复">每周重复</option>
					<option value="每月重复">每月重复</option>
				</select>
			</div>

			<div class="txt-g">
				<textarea placeholder="请输入提醒内容" ></textarea>
			</div>
		</form>
	</div>
	<div class="ui-btn-wrap">
		<button class="ui-btn-lg ui-btn-primary">保存修改</button>
		<button class="ui-btn-lg fit-delet">删除提醒</button>
		<span class="pro-io">提醒说明，提醒设置成功之后立即生效~</span>
	</div>
</section>



<script src="../../lib/zepto.min.js"></script>
<script src="../../js/frozen.js"></script>
<script src="../../js/main.js"></script>

<!-- 时间选择控件 -->
<script src="../../lib/jquery.min.js"></script>
<script src="../../lib/mobiscroll/mobiscroll_date.js?1.1"></script>
<script src="../../lib/mobiscroll/mobiscroll.js"></script>
<script>
/* 选择时间 */
$(function () {
	var currYear = (new Date()).getFullYear();
	var opt={};
	opt.date = {preset : 'datetime'};
	opt.datetime = {preset : 'datetime'};
	opt.time = {preset : 'time'};
	opt.default = {
		theme: 'android-ics light', //皮肤样式
		display: 'bottom', //显示方式 modal
		mode: 'scroller', //日期选择模式
		dateFormat: 'yyyy-mm-dd',
		lang: 'zh',
		showNow: true,
		nowText: "现在",
		startYear: currYear - 50, //开始年份
		endYear: currYear + 10 //结束年份
	};
	$("#datetime").mobiscroll($.extend(opt['date'], opt['default']));
});
</script>
</body>
</html>